<template>
  <div>
        <!-- 横屏 -->
        <horizontalScreen> 
            <scaleWrap>
                <van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
                  <van-swipe-item v-for="(image, index) in images" :key="index">
                    <van-image
                      width="100%"
                      height="100%"
                      :src="image"
                    />
                  </van-swipe-item>
                </van-swipe>
            </scaleWrap>
        </horizontalScreen> 
        <!-- 比例缩放容器 -->
        <!-- swiper -->
        
  </div>
</template>

<script>
import horizontalScreen from "@/components/horizontal-screen"
import scaleWrap from "@/components/scale-wrap"
export default {
  components:{
    horizontalScreen,
    scaleWrap
  },
  data(){
    return {
      images: [
        'https://img01.yzcdn.cn/vant/apple-1.jpg',
        'https://img01.yzcdn.cn/vant/apple-2.jpg',
      ]
    }
  }
}
</script>
